@charset "utf-8";
	
/* Color Legend */


/* Reset */

html, body { margin: 0; padding: 0; border: 0;  background: transparent; font-size:10px; }

div, span, article, aside, footer, header, hgroup, nav, section,
h1, h2, h3, h4, h5, h6, p, blockquote, a, img, ol, ul, li, 
table, tr, th, td, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}

article, aside, dialog, figure, footer, header, hgroup, nav, section {	display:block; }

h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, b, i, u, strike { 
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight: normal;
	font-style: normal;
	line-height: 100%; 
	text-indent: 0;
	text-decoration: none;
	text-align: left;
	color: #000;
	}

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

/* Headings */

h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #000; }

h1 {
	font-size: 22px;
	text-align:center;
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: "Lucida Handwriting";
	font-weight: bold;
	color: #00F;
}
h2 {
	font-size:12px;
	text-align:center;
	font-family:"Lucida Handwriting";
	font-weight:bold;
	color:#804000;
	padding-top: 5px;
	line-height: 125%;
}
h3 {
	font-size: 20px;
	color: #FF0;
	font-weigth: 600;
	font-face: "lucida handwriting";
	font-style: italic;
	font-family: "Lucida Bright";
	text-align: center;
	font-weight: bold;
	margin-left: 0px;
	margin-top: 5px;
	text-transform: capitalize;
}
h4 {
	font-size: 11px;  /*this is used as a p text on main page*/
	color: #8C4600;
	font-weigth: 600;
	font-family: "Lucida Bright";
	padding-left: 15px;
	text-align: left;
}
h5 {
	font-size: 28px;
	padding-top: 15px;
	padding-left: 12px;
	padding-bottom: 0px;
	font-family: "Lucida Handwriting";
	font-weight: bold;
	color: #F00;
	text-align: center;
	text-shadow: 4px 1px 1px rgba(153,153,153,1);
}
h6 {
	font-size: 14px;
	color: #000;
	margin-left: 18px;
	text-align: center;
	font-weight: bold;
	padding-top: 5px;
	font-family:Arial, Helvetica, sans-serif;	 
}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }


/* Text Elements */

p           	{
	color:#000;
	font-size:12px;
	line-height:150%;
	text-align:center;
	font-weight: bold;
	margin:0px;
	
}
a           	{  margin:0px; padding:0px; }

a:link			{ color:#fff;font-weight:600;font-size:12px;}
a:visited		{ color: #fff;font-weight:bold;font-size:12px;}	
a:active		{ color: #fff;font-weight:bold;}
a:focus			{ color: #fff;font-weight:bold; }
a:hover     	{ color: #f00;font-weight:bold; }

blockquote  	{ color:#000; font-size:12px; }

strong      	{ font-weight: bold; }
em		      	{ font-style: italic; }

ul li		    { color:#000; font-size:12px;margin:0px; padding:0px }
ol li	     	{ color:#000; font-size:12px; }

ul          	{font-family: "Lucida Bright"; margin:0px; padding:0px;
}
ol          	{ list-style-type:decimal; }



/*---------------------------------------*/

html 	{	}

body	{
							background-image:url(../images/backing.gif);
							margin-top: 20px;
							margin-bottom: 20px;
							text-align:center;
							height:auto;
						}

/* Containers */
#outer						{}


#wrapper 					{                          
							   width: 1025px; 
                              height:1150px;
							  margin-left: auto;
							  margin-right:auto;
							  box-shadow:2px 2px 40px #666;
							  border-top-right-radius: 50px;
							  border-top-left-radius:  50px;
							 -moz-border-top-right-radius: 50px;	
							  -moz-border-top-left-radius: 50px;
							  background-color:#FFF;}
							  
							  
							   
/* banner starts*/	   
#banner 					{
							width: 1025px;
							background-image:url(../images/LETTER-HEAD.png);
							background-repeat:no-repeat;
							border-top-right-radius:50px;
							border-top-left-radius: 50px;
							-moz-border-top-right-radius: 50px;
							height:200px;
							text-align: center;
							padding: 0px;
							margin-top: 0px;
							margin-right: 0px;
							margin-bottom:0 px;
							margin-left: 0px;
							color: #00F;
							
}
#bannertext {
							width: 1025px;
							background-image:url(../images/LETTER-HEAD.png);
							background-repeat:no-repeat;
							height: 200px;
							margin-left:auto;
							margin-right:auto ;
							margin-top: 18px;
							text-align: center;
							background-color: #FFFFCD;
							border-top-left-radius:50px;
							border-top-right-radius:50px;
							-webkit-border-top-left-radius: 50px;
							-moz-border-top-right-radius: 50px;
							-webkit-border-top-right-radius: 50px;
							-moz-border-top-left-radius: 50px;
							
							
}								
#bannertext h1              {padding-top:15px;}	
.h3				{
							color: #00F;
							font-family: "Lucida Handwriting";
							font-size: 20px;
							font-weight: bolder;
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxBANNER ENDSXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXX CONTENT XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
#content              {width:1025px;
                        height:990px;
						padding-top:0px;	
						
					   
			}
    .box {  
        background-color: #000;  
        border-radius: 10px;  
        width: 300px;  
        height: 300px;
		border:dashed #fff;
		position:absolute;
		padding:25px;
		top:690px;
		left:515px;
		
		 box-shadow:4px 4px 6px #000;  
    }
#breakfast             {width:350px; border-radius: 10px; height:150px; position:absolute; top:750px; left:530px; transform:rotate(-15deg);
		 background-position:center; padding top:70px;}	
#easter_hanlegas  	{width:30%; float:left; margin-left:40px;text-align:center; height:275px; padding:10px 10px; border-bottom:50px solid #88c425; border-top:20px solid #f57c00; border-right:20px solid #d33158; background-color:#009989;font-family:"Century Gothic";color:rgba(255,255,255,1)}
#easter_hanlegas h1 {font-size:22px; font-weight:bold; text-align:center; font-family:"Century Gothic";color:rgba(255,255,255,1);}
#easter_hanlegas p   {font-weight:bold; font-size:13px; font-family:"Century Gothic";color:rgba(255,255,255,1);}
#topper              {width:100%; height:40px;} 
#topper p            {color:#006; text-shadow:1px 0px 2px #fff; font-weight:bolder; font-size:20px;}			
#bonnet      {width:40%; text-align:center; height:295px; float:right; margin-right:40px; clear:all; }
#easter_egghunt  	{width:35%; float:left; margin-left:40px;text-align:center; height:auto; padding:0px; clear:both; margin-top:20px;}
#sunstroke      {width:45%; text-align:center; height:405px; float:right; margin-right:40px; margin-top:20px; clear:all; background-image:url(http://churchfarmcandcpark.co.uk/pdfs/Sunstroke%20Easter%202016-1.jpg); background-repeat:no-repeat; background-size:cover;}		
#easter h1          {font-family:Tahoma, Geneva, sans-serif; font-size:36px; font-weight:bolder; text-align:center; text-shadow:1px 0px 1px #333;}
#sunstroke p            {font-weight:bold; font-size:16px; color:rgba(102,0,153,1); text-align:right; padding-top:30px; padding-right:25px;}
.line1              {margin-left: 160px;}
.line2                  {margin-left: 320px; text-align:center;}
.line3                  {margin-left: 410px; text-align:center;}								
#filler           { width:100%; margin-top:px; height:20px;}
#picright           {float:right; clear:all; width:350px; height:300px; margin-right:40px; margin-top:0px; background-image:url(http://churchfarmcandcpark.co.uk/images/sunstroke.gif); background-repeat:none;}
 

#entry      {width:700px; height:75px;margin-left:300px;}
#entry ul li         {display:inline; float:left; padding-right:100px; padding-top:12px;} 
 
#ny        {width:85%; height:200px; /*box-shadow:-4px -4px 40px #F90,4px 4px 40px #F90;*/background-image:; margin:auto;  margin-top:60px;}
#ny H1     {font-family:"Lucida Handwriting"; font-size:14px; text-align:center; color:#FFF;padding-top:20px; text-shadow:1px 1px 1px #333;}
#ny H2     {font-family:"Bookman Old Style" ;font-size:13px; text-align:center;color:#fff; margin:0px;}
#ny H3     {font-family:"Bookman Old Style" ;font-size:11px; text-align:center;color:#fff; margin:0px;}
.classes     {width:600px; margin-left:200px; margin-top:-30px; background-color:red;}


#classes h6   {text-align:left; font-size:12px;line-height:140%; color:rgba(0,0,0,1);}
#classes p     {text-align:left;}

#classes2     {width:600px; margin-left:200px; margin-top:-140px;}
#classes2 h6   {text-align:left;font-size:12px; line-height:140%;color:rgba(0,0,0,1);}
#classes2 p     {text-align:left;}
#classes3     {width:600px; margin-left:200px; margin-top:-140px;}
#classes3 h6   {text-align:left;font-size:12px; line-height:140%;color:rgba(0,0,0,1);}
#classes3 p     {text-align:left;}
#classes4     {width:600px; margin-left:200px; margin-top:-140px;}
#classes4 h6   {text-align:left;font-size:12px; line-height:140%;color:rgba(0,0,0,1);}
#classes4 p     {text-align:left; font-size:12px;font-weight:bold; }
.font-size      { font-size:12px; font-style:italic;}
#entry2     {width:700px; height:160px;margin-left:250px;}
#entry2 ul li         {display:inline; float:left; padding-right:50px; padding-top:5px;}
#entry2 h6    {font-size:12px;color:rgba(0,0,0,1);color:rgba(0,0,0,1);}
#entry2 p       {text-align:left;}
#entry3     {width:600px; height:160px;margin-left:325px;}
#entry3 ul li         {display:inline; float:left; padding-right:50px; padding-top:5px;}
#entry3 h6    {font-size:12px;color:rgba(0,0,0,1);}
#entry4     {width:600px; height:160px;margin-left:325px;}
#entry4 ul li         {display:inline; float:left; padding-right:50px; padding-top:5px;}
#entry4 h6    {font-size:12px;color:rgba(0,0,0,1);}
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXX CONTENT ENDS XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
		
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXX navigation- css styles sheetXXXXXXXXXXXXXXXXXXXX*/

#navbar            {
						width: 100%;
						height: 3.00em;	
						margin: 0px;
						background-color:rgba(198,99,0,1);
						border-bottom:.12em solid rgba(51,0,0,1);
						border-top:.12em solid rgba(51,0,0,1);}
	
#navbar li               {display:inline-block;                      
						  padding:.55em 1.34em;
						  background-color:rgba(198,99,0,1);					  
						  border-top-left-radius:em;
						  border-top-right-radius:em;
						  border:.15em ridge #300 ;
						  border-bottom:none;			  
						  
					   }
					   
#navbar li:hover   {background-color:#F27900; color:white; }	
								   
#navbar li a             {color:#fff; }							   
#navbar li a:hover       {color:#000; }					   

			
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXX navigation ends XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXX RIGHT SIDE BAR XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
#watchthisspace {
	background-color:;
	padding: 5px;
	height: 840px;
	width: 190px;
	float: right;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 20px;
	border-radius: 15px;
	border: 1px ridge #666;
	box-shadow: 1px 1px 1px #fff;
	}
 #watchthisspace h3 {
	font-size: 15px;
	color: #FF0;
	font-weigth: 600;
	font-face: "lucida handwriting";
	font-style: italic;
	font-family: "Lucida Bright";
	text-align: center;
	font-weight: bold;
	margin-left: 0px;
	margin-top: 5px;
	text-shadow: 1px 1px 1px rgba(0,0,0,1);
	text-transform: capitalize;
	line-height: 125%;
}							
#watchthisspace h5 {
	font-family: "Lucida Handwriting";
	font-size: 16px;
	line-height: 125%;
	text-align: center;
	padding-right: 25px;
	text-shadow: 1px 1px rgba(51,51,51,1);
	color: rgba(255,255,255,1);}
#bottom {width:190px; float:right; position:absolute; bottom:100px; left:820px;}	
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXX RIGHT SIDEBAR ends XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXX FOOTER  XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
#footer				{font-size: 12px;
					font-weight: 700;
					line-height: 25px;
					height:276px;
					background-image:url(../images/backgroundsiloute.gif);
					background-position:top;
					z-index:1;				
			}
				
			
#footer p   {padding-top:40px; color:#000;}				
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXX FOOTER  ends XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

								   
#navbar li a             {color:#fff; }							   
#navbar li a:hover       {color:#FFF; }					   

	

#offer    {width:800px;height: 75px;}
#offer h5 {
	color: #fff;
	text-shadow: -3px 1px -0px #000;
	margin-left: 155px;
}

/*navigation- uses external css styles sheet*/

#frameHolder		{
	width: 250px;
	height: 600px;
	margin-left: -30px;
	margin-top: -90px;
}

/*navigation ends - uses external css styles sheet*/
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXX Miscellaneous  XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
.button:hover {
    border: none;
    -webkit-transform: rotate(-5deg) skew(-5deg,-5deg);
    -moz-transform: rotate(-5deg) skew(-5deg,-5deg);
    -ms-transform: rotate(-5deg) skew(-5deg,-5deg);
    -o-transform: rotate(-5deg) skew(-5deg,-5deg);
    transform: rotate(-5deg) skew(-5deg,-5deg);
	background-color:#F00;
	padding:5px 10px;
}
.pointer  {cursor:pointer;}										
.small  {color: rgba(0,0,0,1);
		font-weight: bold;
		font-size: 12px;
		font-family: "Lucida Bright";
}
.h6    {background-color:rgba(0,204,0,1); }
.shadow { filter: progid:DXImageTransform.Microsoft.Shadow(color=#FFF,direction=45);/*this text shadow for ie 9*/
} 
.font_a			{
		font-size: 16px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		color: rgba(140,70,0,1);
		text-shadow: 1px 1px 1px rgba(255,255,255,1);
}
.right  {text-align: right;}
.pfont           {font-size: 1.4em; color:#804040; font-weight:bold;}
.margintop1     {padding-top:2.5em; margin-bottom:10px;}
.prices			 {font-weight:bold;color:#F00;}
.contacttxt		{text-align:left; }
.red			{font -color:#F00;
				text-shadow: 1px 1px 1px #000;
				font-size: 20px;
}

.redsign		 {color:#F00; font-size:30px; text-shadow:2px 2px 2px #000; padding:0px 10px;}
.flag			{margin-right: 75px; }
.green			{background-color:#0F0;color: #000;}
.months			{background-color:#EFF1A3}
.float-right	{ position:absolute; right:16px; top:0px;}
.float-left		{ float:left; margin:0px 0px;}
.pic 			{float:left; margin:15px;}
.navimg			 {margin: 0px;}	
.msg			{font-size:26px; color:#fff; text-shadow: 6px 6px 12px#333; text-align:center;margin-top:15px;}
.msgh2     		{text-align:left; color:#F00; font-family:"Lucida Handwriting"; font-size:11px; padding-left: 10px;padding-top:0px;pading-bottom: -5px}
.area			{font-size:10px; margin:0px;}					 .center		{
					font-weight: bolder;
					padding-left: 285px;
					font-family: "Lucida Handwriting";
				}
.img			{margin-top: 10px;}
.imggb			 {margin: 15px;-moz-border-radius:20px; -webkit-border-radius: 20px; -ms-border-radius: 20px;border: 1px ridge #804600; box-shadow: 3px 3px 6px #000;}
.tabletxt {
				font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
				font-size: 16px;
				font-style: italic;
				color: #8C4600;
				margin-right: auto;
				margin-left: auto;
				font-weight: bold;
				clear: both;
				float: left;}
				
.banner_float-left {
				float: left;
				margin-left: 0px;
				margin-top:5px;
				margin-bottom:5px;
}
.banner_float-right{
				float: right;
				margin-top: 15px;
				margin-right:px;
				margin-left: 0px;
}

hr {
	width: 50%;
	padding-top: 1px;
	background-color: rgba(49,26,17,1);

}
.offer {
	font-size: 18px;
	font-weight: bold;
	color: rgba(255,255,255,1);
	background-color: rgba(250,190,80,0.8);
	border-radius: 18px 23px 23px 23px;
	padding-top: 15px;
	line-height: 150%;
	text-shadow: 1px 1px 1px rgba(0,0,0,1);
}
/*special shapes xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
#square { width: 100px; height: 100px; background: red; }
#rectangle { width: 200px; height: 100px; background: red; }
#circle { width: 100px; height: 100px; background: red; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; } 
#oval { width: 200px; height: 100px; background: red; -moz-border-radius: 100px / 50px; -webkit-border-radius: 100px / 50px; border-radius: 100px / 50px; } /* Cleaner, but slightly less support: use "50%" as value */
#triangle-up { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid red; }  #triangle-down { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-top: 100px solid red; }
#triangle-left { width: 0; height: 0; border-top: 50px solid transparent; border-right: 100px solid red; border-bottom: 50px solid transparent; } 
#triangle-right { width: 0; height: 0; border-top: 50px solid transparent; border-left: 100px solid red; border-bottom: 50px solid transparent; }
#triangle-topleft { width: 0; height: 0; border-top: 100px solid red; border-right: 100px solid transparent; }
#triangle-topright { width: 0; height: 0; border-top: 100px solid red; border-left: 100px solid transparent; }
#triangle-bottomleft { width: 0; height: 0; border-bottom: 100px solid red; border-right: 100px solid transparent; }
#triangle-bottomright { width: 0; height: 0; border-bottom: 100px solid red; border-left: 100px solid transparent; }
#curvedarrow { position: relative; width: 0; height: 0; border-top: 9px solid transparent; border-right: 9px solid red; -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); -ms-transform: rotate(10deg); -o-transform: rotate(10deg); }
#curvedarrow:after { content: ""; position: absolute; border: 0 solid transparent; border-top: 3px solid red; border-radius: 20px 0 0 0; top: -12px; left: -9px; width: 12px; height: 12px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
.halfCircleRight{
     height:90px;
     width:45px;
     border-radius: 0 90px 90px 0;
     background:green;
}
.bookmarkRibbon{
     width:0; 
     height:100px; 
     border-right:50px solid blue;
     border-left:50px solid blue;
     border-bottom:30px solid transparent;
}